import React from 'react';
import { share_banner, share_qrcode, share_footer, share_slogan, share_title, share_title_bg } from '@/utils/loadImages';
import './index.scss';

export default function SharePage() {
  return (
    <div className='share-page'>
      <img src={share_banner} className='share_banner' alt='' />
      <img src={share_slogan} className='share_slogan' alt='' />
      <div className='share_body'>
        <img src={share_title} className='share_title' alt='' />
        <div className='share_content'>
          <h2 className='share_title_bg' style={{background: `url(${share_title_bg}) 0% 50% / contain no-repeat`}}>
            升级一
          </h2>
          <p className='share_desc'>恶性肿瘤医疗保险金 <strong>升级为 重大疾病医疗保险金，</strong>覆盖疾病范围更广泛</p>
          <h2 className='share_title_bg' style={{background: `url(${share_title_bg}) 0% 50% / contain no-repeat`}}>
            升级二
          </h2>
          <p className='share_desc'>重大疾病医疗保险金免赔额由原来的1万<strong>降低为0元</strong></p>
          <h2 className='share_title_bg' style={{background: `url(${share_title_bg}) 0% 50% / contain no-repeat`}}>
            升级三
          </h2>
          <p className='share_desc'><strong>新增</strong>重大疾病一次性给付保险金<strong>5万/10万元</strong></p>
          <h2 className='share_title_bg' style={{background: `url(${share_title_bg}) 0% 50% / contain no-repeat`}}>
            升级四
          </h2>
          <p className='share_desc'> <strong>增加</strong>今年最新的<strong>癌细胞清零CAR-T疗法，</strong> 纳入保障当中</p>
          <h2 className='share_title_bg' style={{background: `url(${share_title_bg}) 0% 50% / contain no-repeat`}}>
            升级五
          </h2>
          <p className='share_desc'>异地转诊交通费用<strong>报销政策升级</strong></p>
        </div>
      </div>
      <img src={share_qrcode} className='share_qrcode' />
      <img src={share_footer} className='share_footer' alt='' />

    </div>
  )
}